$(function () {
    let countName = [],
        countData = [],
        countAvg = [];

    initPage();

    function initPage() {
        let Pr_countData = new Promise((reslove,reject)=> {
            $.ajax({
                url: '/manage/projectDetails/raceTypeProjectDetailsCount.do',
                type: 'post',
                data: {},
                xhrFields: {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (data) {
                    if (data.status == 0 ) {
                        reslove(data);
                    } else {
                        reject(data);
                    }
                }
            })
        });
        Pr_countData.then( (data)=>{
            if( data.status == 0  ){
                initCount( data.data.raceTypeProjectDetailsCountVoSet );
            };
        }).catch( (data)=>{
            if( data.status == 10 ){
                spop_er( data.msg, ()=>{}, outLogin );
            }
        } );
        function initCount(data) {
            $(data).each((idx,item)=>{
                console.log(item);
                countName.push( item.rateTypename );
                countData.push( item.num );
                countAvg.push( item.average );
            });

            // 基于准备好的dom，初始化echarts实例
            let myChart = echarts.init(document.getElementById('main'));

            // 指定图表的配置项和数据
            let option = {
                tooltip : {
                    trigger: 'axis',
                    axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                        type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    top:'10%',
                    left: '0%',
                    right: '0%',
                    bottom: '0%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'category',
                        data : countName,
                        axisTick: {
                            alignWithLabel: true
                        },
                        axisLabel : {
                            rotate : 80,
                        }
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                series : [
                    {
                        name:'平均分',
                        type:'bar',
                        data: countAvg
                    },
                    {
                        name:'申报数',
                        type:'bar',
                        data:countData
                    }
                ]
            };

            // let option = {
            //     // title : {
            //     //     text : '哇哈哈',
            //     // },
            //     color: ['#8E1614'],
            //     tooltip : {
            //         trigger: 'axis',
            //         axisPointer : {    // 坐标轴指示器，坐标轴触发有效
            //             type : 'shadow'// 默认为直线，可选为：'line' | 'shadow'
            //         }
            //     },
            //     grid: {
            //         top:'10%',
            //         left: '0%',
            //         right: '0%',
            //         bottom: '0%',
            //         containLabel: true
            //     },
            //     xAxis : [
            //         {
            //             type : 'category',
            //             data : countName,
            //             axisTick: {
            //                 alignWithLabel: true
            //             },
            //             axisLabel : {
            //                 rotate : 80,
            //             }
            //         }
            //     ],
            //     yAxis : [
            //         {
            //             type : 'value'
            //         }
            //     ],
            //     series : [
            //         {
            //             name:'申报数',
            //             type:'bar',
            //             barWidth: '65%',
            //             data:countData
            //         }
            //     ]
            // };

            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        }

    }





});